<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>业务员待办事项</title>
		    <link rel="stylesheet"  type="text/css" href="../static/css/layui.css">
    <script src="../static/js/layui.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <base href="/">
	</head>
	<body>
		<div style="padding: 15px;">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
			  <legend>业务员待办事项</legend>
			</fieldset>
			<ul class="layui-timeline">
			  <li class="layui-timeline-item">
			    <i class="layui-icon layui-timeline-axis"></i>
			    <div class="layui-timeline-content layui-text">
			      <h3 class="layui-timeline-title">5月13日</h3>
			      <p>
			        原材料编号：【此处填原材料编号】
					<br/>任务指派人-业务员组长：【此处填业务员组长编号及姓名】
					<br/>业务员负责人：【此处填业务员编号及姓名】
					<ul>
						<li>要求数量：【此处填原材料要求数量】</li>
						<li>截至时间：【此处填原材料采购限定时间】</li>
						<li>限定金额：【此处填原材料采购限定金额】</li>
					</ul>
			      </p>
				  <br><br><br><br><br><br><br>
				  <br>
			    </div>
			  </li>
			  
			  
			</ul>  
			<blockquote class="layui-elem-quote">
				您的编号：【此处填业务员编号】
				<br/>您的姓名：【此处填业务员姓名】
				<br/>您已完成的采购任务数量：【此处填业务员已完成的采购任务数量】
				<br/>您尚未完成的采购任务数量：【此处填业务员未完成的采购任务数量】
			</blockquote>
		</div>
		<script>
		layui.use(['element', 'layer', 'util'], function(){
		  var element = layui.element
		          ,layer = layui.layer
		          ,util = layui.util
		          ,$ = layui.$;
		
		  //头部事件
		  util.event('lay-header-event', {
		    //左侧菜单事件
		    menuLeft: function(othis){
		      layer.msg('展开左侧菜单的操作', {icon: 0});
		    }
		    ,menuRight: function(){
		      layer.open({
		        type: 1
		        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
		        ,area: ['260px', '100%']
		        ,offset: 'rt' //右上角
		        ,anim: 5
		        ,shadeClose: true
		      });
		    }
		  });
		});
		</script>
	</body>
</html>
